<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<view class="box">
			<view >
				<view class="adv">
				每个职场人都希望有一份体面高薪的工作，大多数的人都因为技术面试没过而错失。</view>
					<view class="adv">在面试优选，我们有专业的技术团队为你提供最完美的解答与符合企业使用的交付代码。</view>
					<view class="adv">与我们合作，只需要授权登录就可以获得所有。</view>
					<view class="adv">如果你获得了我们的服务，专业的技术解决方案将为你的面试提供保障助你高薪体面就业，让你再也没有尴尬与失败。</view>
				
			</view>
			<view class='content'>
				<view>申请获取以下权限</view>
				<text>获得你的公开信息(昵称，头像、地区等)</text>
			</view>

			<button class='bottom' type='primary' withCredentials="true" @click="goLogin">
				授权登录
			</button>
		</view>
		<!-- #endif -->
	</view>
</template>

<script>
	import api from '@/api/index.js'
	import store from '@/store/index.js'
	export default {
		data() {
			return {
				userInfo: {}, //用户信息
				code: '' //用户登录凭证code
			}
		},
		onLoad: function() {
		},
		methods: {
			goLogin() {
				const _this = this
				// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
				// 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
				uni.getUserProfile({
					// 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
					desc: "用于完善会员资料",
					lang: 'zh_CN', //获取的city: "Hebi", province: "Henan",为中文鹤壁,河南
					success: (res_getUser) => {
						console.log(res_getUser);
						
						let userInfo = res_getUser.userInfo
						//_this.code=res_getUser.cloudID
						
						this.userInfo = userInfo
						// 获取code 小程序专有，用户登录凭证。
						uni.login({
							success: (res) => {
								if (res.errMsg == "login:ok") {
									console.log('test')
									_this.code = res.code
									console.log(res)
									//这边进行与后端的交互 
									api.user.UserLogin({
										"openId": _this.code, 
										"nickName": _this.userInfo.nickName,
										"avatar": _this.userInfo.avatarUrl
									}).then(resdata => {
										console.log("login success");
										console.log(resdata);
										store.commit('login/LOGIN', resdata) //把返回的userInfo,token存入vuex和小程序缓存中
										uni.reLaunch({
											url: '/pages/index/index'
										});
									},err => {
											
										//失败交互
										console.log(err);
									})
								} else {
									uni.showToast({
										title: '系统异常，请联系管理员!'
									})
								}
							}
						})
					},
					fail: (res_getUser) => {
						debugger;
						console.log("用户授权拒绝")
						/* uni.reLaunch({
							url: '/pages/index/index'
						}); */
					}
				})
			}
		}
	}
</script>

<style>
	.box {
		margin-top: 5%;
	}

	.header {
		margin: 90rpx 0 90rpx 50rpx;
		border-bottom: 1px solid #ccc;
		text-align: center;
		width: 650rpx;
		height: 300rpx;
		line-height: 450rpx;
	}

	.header image {
		width: 200rpx;
		height: 200rpx;
	}

	.content {
		margin-left: 50rpx;
		margin-bottom: 90rpx;
	}
	.adv {
		margin-left: 50rpx;
		margin-bottom: 20rpx;
	}

	.content text {
		display: block;
		color: #9d9d9d;
		margin-top: 40rpx;
	}

	.bottom {
		border-radius: 80rpx;
		margin: 70rpx 50rpx;
		font-size: 35rpx;
	}
</style>
